// 首页已完成

$(function() {
    // 获取用户信息
    function getUserInfo() {
        // token 代表着我们个人信息 用户凭据 
        // 我们请求自己个人信息的时候 肯定是需要带上 token
        // $.get("http://localhost:8080/api/v1/admin/user/info", function(res) {
        //     console.log(res);
        // })
        // 只能使用ajax
        $.ajax({
            url: "/admin/user/info",
            success(res) {
                // prop修改dom元素的固有属性 头像地址
                // jq选择了两个图片 同时改路径 并集选择器
                console.log(res);
                $(".user_info img,.user_center_link img").prop("src", res.data.userPic);
                $(".user_info span").text("欢迎" + res.data.nickname)

            }
        })
    }
    // 1 发送请求 获取数据渲染页面
    getUserInfo();

    // 2 实现退出功能
    $(".logout").on("click", function() {
            // 2.1 使用layui 询问用户是否要退出
            layer.confirm("确定退出？", {
                icon: 3,
                title: '提示'
            }, function(index) {
                // 2.2 清除本地存储
                localStorage.removeItem("token")
                    // 2.3 跳回登录页面
                location.href = "login.html";
                // 2.4 关闭确认框
                layer.close(index);
            })
        })
        // 3 点击一级标题
    $(".level01").on("click", function() {
            // console.log(this);
            // 3.1 激活选中 排他 一级标题的激活选中
            $(this).addClass("active").siblings().removeClass("active");
            // 3.2 实现 小箭头旋转 
            $(this).find('b').toggleClass("rotate0")

            // 3.3 实现二级菜单的显示隐藏
            $(this).next(".level02").stop().slideToggle();
        })
        // 4 点击二级标题 
    $(".level02 li").on("click", function() {
        $(this).addClass("active").siblings().removeClass("active")
    })
})